<template>
  <div class="ui_aboutus">
    <van-nav-bar title="关于我们" class="head">
      <van-icon name="arrow-left" slot="left" color="#333" @click="back"></van-icon>
    </van-nav-bar>
    <div class="banner clearfix">
      <div  class="img">
        <img src="../../asset/images/logo@3x.png">
      </div>
      <div class="text text_app_name">
        蜂收部落
      </div>
      <div class="text text_app_description">
        让废品更有价值
      </div>
      <div class="text text_app_version">
        v1.1.1
      </div>
      <div class="information">
        <CustomCell icon="icon-weixingongzhonghao" text="微信公众号">
          <span slot="right">丰收部落</span>
        </CustomCell>
        <CustomCell icon="icon-lianxidianhua" text="联系电话">
          <span slot="right">18888888888</span>
        </CustomCell>
        <CustomCell icon="icon-dianziyouxiang" text="电子邮箱">
          <span slot="right">88888888@qq.com</span>
        </CustomCell>
        <CustomCell icon="icon-yonghuxieyi" text="用户协议" v-on:click.native="goToUserProtocol">
          <i class="iconfont icon-unie61f" slot="right"></i>
        </CustomCell>
        <CustomCell icon="icon-yinsizhengce" text="隐私政策" :border="false" v-on:click.native="goToPrivacyPolicy">
          <i class="iconfont icon-unie61f" slot="right"></i>
        </CustomCell>
      </div>
    </div>
  </div>
</template>

<script type="text/babel">
  import CustomCell from '../../component/home/CustomCell';

  export default {
    name: 'AboutUs',
    components: { CustomCell },
    methods: {
      back() {
        this.$router.go(-1);
      },
      goToUserProtocol() {
        this.$router.push('/userprotocol');
      },
      goToPrivacyPolicy() {
        this.$router.push('/privacypolicy');
      },
    }
  };
</script>

<style lang="less">
.ui_aboutus {
  min-height: 100vh;
  .banner {
    width: 100%;
    text-align: center;
    .img {
      height: 190px;
      width: 190px;
      margin: 75px auto 0;
    }
    .text {
      font-size: 28px;
    }
    .text_app_name {
      margin-top: 20px;
      color: #333;
    }
    .text_app_description,
    .text_app_version {
      margin-top: 20px;
      color: #5c5c5c;
    }
    .information {
      margin-top: 50px;
      background-color: #fff;
    }
  }
}
</style>